.loading {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  // loading 通过定位布局
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  // 添加动画效果
  transition: all 0.4s;
  opacity: 1;
  &_image {
    width: 200rpx;
    height: 200rpx;
  }
}
// 完成状态就是最终隐藏
.finish {
  opacity: 0;
  // 定位层级变成负值，就不会遮挡内容了
  z-index: -1;
  // none 不能做动画
  // display: none;
}
